<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../public/layui/css/layui.css"/>
    <link rel="stylesheet" href="../public/css/basic.css"/>
    <link rel="stylesheet" href="../public/css/manage.css"/>
    <script src="../public/js/jquery-1.11.1.min.js"></script>
    <title>批次管理</title>
    <style>
        .layui-form-label{}
        .ml30{margin-left: 30px}
    </style>
</head>
<body >
<div class="layui-form">
    <table class="layui-table">
        <div class="search">
            <div class="layui-inline">
                <label class="layui-form-label" style="text-align: left;padding-left: 0">开始时间</label>
                <div class="layui-input-inline" style="width:120px ">
                    <input type="text" class="layui-input layui-time"  >
                </div>
            </div>
            <div class="layui-inline ml30">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-inline" style="width:120px ">
                    <input type="text" class="layui-input layui-time" >
                </div>
            </div>

            <button  class="layui-btn ml20 ">搜索</button>
            <div class="layui-btn add ">添加</div>

        </div>
        <div class="search">
            <div class="layui-inline">
                <label class="layui-form-label" style="text-align: left;padding-left: 0">生产品类</label>
                <div class="layui-input-inline" style="width:120px ">
                    <select name="interest">
                        <option value="">所有</option>
                        <option value="0">品类1</option>
                        <option value="1" selected="">品类2</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 40px">区域</label>
                <div class="layui-input-inline" style="width:120px ">
                    <select name="interest">
                        <option value="">所有</option>
                        <option value="0">区域1</option>
                        <option value="1" selected="">区域2</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width: 40px">区块</label>
                <div class="layui-input-inline" style="width:120px ">
                    <select name="interest">
                        <option value="">所有</option>
                        <option value="0">区块1</option>
                        <option value="1" selected="">区块2</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">负责人</label>
                <div class="layui-input-inline" style="width:120px ">
                    <select name="interest">
                        <option value="">所有</option>
                        <option value="0">朱培林</option>
                        <option value="1" selected="">二狗子</option>
                    </select>
                </div>
            </div>
        </div>
        <thead>
        <tr>
            <th>批次编号</th>
            <th>生产品类</th>
            <th>区域</th>
            <th>区块</th>
            <th>区域负责人</th>
            <th>开始时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>20180124338</td>
            <td>品类1</td>
            <td>区域1</td>
            <td>区块1</td>
            <td>朱培林</td>
            <td>2018/01/12</td>
            <td>

                <span class="cz bj">编辑</span>
                <span class="cz sc">删除</span>

            </td>
        </tr>

        </tbody>
    </table>
    <div class="fy">这里放分页</div>
</div>
<script src="../public/layui/layui.js"></script>
<script>
    layui.use(['form',], function() {
        var form = layui.form;

    })
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //时间选择器
        $(".layui-time").each(function () {
            laydate.render({
                elem: this, //指定元素
            });
        });
    });
    $(".add").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '添加',
            area: ['90%', '550px'],
            content: 'manage9-pop1.html'
        });

    });
    $(".bj").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '编辑',
            area: ['90%', '550px'],
            content: 'manage9-pop1.html'
        });

    });
    $(".sc").click(function () {
        layer.confirm('确认删除？', {
            btn: ['是','否'] //按钮
        });


    });


</script>

</body>
</html>